$(function () {
    $('.div11_span2').on('click',function(){
        $('.div11_box5').show().removeClass('lightSpeedOut').addClass('animated lightSpeedIn');//.fadeIn();
    })
    $('.div11close').on('click',function(){
        $('.div11_box5').removeClass('lightSpeedIn').addClass('animated lightSpeedOut');
        setTimeout(function(){
            $('.div11_box5').hide();
        },400)
    })
    $('.div11_span1').on('click',function(){
        $('.div11_date').show().removeClass('lightSpeedOut').addClass('animated lightSpeedIn');//.fadeIn();
    })
    $('.divdateclose').on('click',function(){
        $('.div11_date').removeClass('lightSpeedIn').addClass('animated lightSpeedOut');
        setTimeout(function(){
            $('.div11_date').hide();
        },400)
    })

    $('.form_time').datetimepicker({
        language:  'zh-CN',
        format: 'yyyy',
        weekStart: 1,
        todayBtn:  1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 4, //这里就设置了默认视图为年视图
        minView: 4, //设置最小视图为年视图
        forceParse: 0,
    });
    var myChart = echarts.init(document.getElementById('echarta3'));
    myChart.showLoading();
    var option = {
        tooltip : {
            trigger: 'axis',
            axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                type : 'line'        // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        legend: {
            data:['订货数','发货总件数'],
            top:'10px',center:'center'
        },
        grid: {
            left: '3%',
            right: '2%',
            bottom: '10px',top:'50px',
            containLabel: true
        },
        xAxis : [
            {
                type : 'category',
                data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月',],
                axisLine:{onZero:false,show:true},axisTick:{show:false},
                axisLabel:{color:'#373737'}
            }
        ],
        yAxis : [
            {
                type : 'value',
                axisLine:{show:false},
                axisTick:{show:false},
                axisLabel:{show:true,color:'#00aaeb'},
            },{
                type : 'value',
                axisLine:{show:false},
                axisTick:{show:false},
                axisLabel:{show:true,color:'#7c884e'},
            }
        ],
        series : [
            {
                name:'订货数',
                type:'line',
                //symbolOffset:['-10px',0],
                itemStyle:{
                    normal:{
                        color:'#203876',
                        label:{
                            show: true,
                            position: 'bottom'
                        }
                    }
                },
                data:[500, 600, 580, 600, 550, 1200, 1500,1250,1200,1150],
            },
            {
                name:'发货总件数',
                yAxisIndex: 1,
                type:'line',
                itemStyle:{
                    normal:{
                        color:'#208627',
                        label:{
                            show: true,
                            position: 'bottom'
                        }
                    }
                },
                data:[12000, 22000, 21000, 20000, 15000, 35000, 40000,35000,30000,25000]
            }
        ]
    };
    myChart.hideLoading();
    myChart.setOption(option);
})


